<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>入职管理</title>
<script type="text/javascript" src="static/easyui/jquery.min.js"></script>
<script type="text/javascript" src="static/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="static/easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="static/easyui/themes/icon.css">
<link rel="stylesheet" href="static/easyui/themes/metro/easyui.css">
</head>
<body>
<style type="text/css">
.RZ-start{
	height:500px;
}
.onerz{
	width:1100px;
	height:50px;
}
.onerz ul li{
	height:25px;
	color:#999999;
	border:solid 1px #DDDDDD;
	list-style: none;
	float: left;
	font-size:13px;
	margin-left:10px;
	text-align: center;
	line-height:25px;
	cursor: pointer;
}
.onerz ul li:hover{
	border:solid 1px #19AA8D;
	color:#19AA8D;
}
.tabs {
    list-style-type: none;
    height: 30px;
    padding-left: 4px;
    border-style: solid;
    border-width: 0 0 1px 0;
}
.tabs li {
    float: left;
    display: inline-block;
    margin: 0 4px -1px 0;
    padding: 0;
    position: relative;
    border: 0;
}
.tabs li a.tabs-inner{
	height: 30px;
    line-height: 25px;
    width: 70px;
}
#waitbigone{
	width:1110px;
	margin:auto;
}
	#waitwork,#workcheck,#workresult,#workreason{
		width: 100%;
		margin:auto;
	    overflow-x: auto;
	    margin-top: 5px;
	    border-collapse: collapse;
	    border: 1px solid #e4e7ec;
	    background-color: #fff;
   		color: gray;
   		font-size:12px; 
	}
	#waitwork thead,#workcheck thead,#workresult thead,#workreason thead{
		color: #19AA8D;
	    font-size: 14px;
	    font-weight: 700;
	} 
	#waitwork th,#workcheck th,#workresult th,#workreason th{
		background: #6666661a;
	}
	#waitwork td,#workcheck td,#workresult td,#workreason td{
		border: 1px solid #e4e7ec;
		width: 150px;
		height: 50px;
	}
.datagrid-header-row td{
		background: #E6E6E6;
		color: #19AA9C;
	    font-size: 14px;
	    font-weight: 700;
	    text-align: center;
	}
	.datagrid-row td{
		background: #fff;
		font-size: 12px;
		text-align: center;
	}
#waitone{
	width:1110px;
}
#outall,#outalls,#outallss{
	width:80px;
	height:25px;
	font-size:13px;
	color:#999999;
	text-align: center;
    margin-top: 10px;
    line-height: 25px;
    margin-left: 10px;
	border:solid 1px #DDDDDD;
}
</style>
<script type="text/javascript">
	
</script>
<div class="RZ-start">
	<div id="waitbigone" class="easyui-tabs">
		<!--待入职  -->
		<div  id="waitone" title="待入职">
			<div class="onerz">
			<ul style="margin-left:-40px;">
				<li style="background-color:#19AA8D;color:white;width:80px;">新增待入职</li>
				<li style="width:50px;">导入</li>
				<li style="width:70px;">导出全部</li>
				<li style="width:100px;">入职登记表(0)</li>
			</ul>
		</div>
			<table id="waitwork" class="easyui-datagrid" style="height:300px;margin:10px auto;">
			 <thead>
				<tr>
					<th data-options="field:'name',width:130">姓名</th>
					<th data-options="field:'bumen',width:130">部门</th>
					<th data-options="field:'zhiwei',width:130">职位</th>
					<th data-options="field:'yuji',width:200">预计入职日期</th>
					<th data-options="field:'date',width:200">入职日期</th>
					<th data-options="field:'dengji',width:200">入职登记表</th>
					<th data-options="field:'caozuo',width:200">操作</th>
				</tr>
			</thead>
			<tbody></tbody>
		 </table>
		</div>
		
		<!-- 入职审批 -->
		<div id="waittwo" title="入职审批 ">
			<div class="onerz">
				<div id="outall">导出全部</div>
			</div>
			<table id="workcheck" class="easyui-datagrid" style="height:300px;margin:10px auto;">
			 <thead>
				<tr>
					<th data-options="field:'names',width:130">姓名</th>
					<th data-options="field:'bumens',width:130">部门</th>
					<th data-options="field:'zhiweis',width:130">职位</th>
					<th data-options="field:'yujis',width:200">员工类型</th>
					<th data-options="field:'phone',width:200">手机号</th>
					<th data-options="field:'dates',width:200">预计入职日期</th>
					<th data-options="field:'dengjis',width:200">入职日期</th>
					<th data-options="field:'caozuo',width:200">操作</th>
				</tr>
			</thead>
			<tbody></tbody>
		 </table>
		</div>
		
		<!-- 审批结果 -->
		<div id="waitthree" title="审批结果 ">
			<div class="onerz">
				<div id="outalls">导出全部</div>
			</div>
			<table id="workresult" class="easyui-datagrid" style="height:300px;margin:10px auto;">
			 <thead>
				<tr>
					<th data-options="field:'names',width:130">姓名</th>
					<th data-options="field:'bumens',width:130">部门</th>
					<th data-options="field:'zhiweis',width:130">职位</th>
					<th data-options="field:'yujis',width:200">员工类型</th>
					<th data-options="field:'phones',width:200">手机号</th>
					<th data-options="field:'dates',width:200">预计入职日期</th>
					<th data-options="field:'dengjis',width:200">入职日期</th>
					<th data-options="field:'result',width:200">审批结果</th>
					<th data-options="field:'caozuo',width:200">操作</th>
				</tr>
			</thead>
			<tbody></tbody>
		 </table>
		</div>
		
		<!-- 未入职 -->
		<div id="waitfour" title="未入职  ">
			<div class="onerz">
				<div id="outallss">导出全部</div>
			</div>
			<table id="workreason" class="easyui-datagrid" style="height:300px;margin:10px auto;">
			 <thead>
				<tr>
					<th data-options="field:'namess',width:130">姓名</th>
					<th data-options="field:'bumenss',width:130">部门</th>
					<th data-options="field:'zhiweiss',width:130">职位</th>
					<th data-options="field:'phoness',width:200">手机号</th>
					<th data-options="field:'email',width:200">个人邮箱</th>
					<th data-options="field:'datess',width:200">预计入职日期</th>
					<th data-options="field:'resons',width:200">放弃原因</th>
					<th data-options="field:'caozuo',width:200">操作</th>
				</tr>
			</thead>
			<tbody></tbody>
		 </table>
		</div>
	</div>
</div>
</body>
</html>